<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>北大青鸟下午茶</title>
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
	<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.15.0/umd/popper.min.js" integrity="sha384-L2pyEeut/H3mtgCBaUNw7KWzp5n9+4pDQiExs933/5QfaTh8YStYFFkOzSoXjlTb" crossorigin="anonymous"></script>
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
	<script src="js/jquery-3.4.1.min.js"></script>
	<!-- FontAwesome -->
	<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">

	<link rel="stylesheet" href="css/style.css">
	<script src="js/my.js"></script>
	
</head>

<body>
	<header>
		<a name="top"></a>
		<nav class="navbar navbar-expand-lg navbar-light">
			<a class="navbar-brand" href="index.html"><img src="images/logo.png" width="70%"></a>
			<button class="navbar-toggler type=" button data-toggle="collapse" data-target="#navbarSupportedContent"
				aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
			<div class="collapse navbar-collapse" id="navbarSupportedContent">
				<ul class="nn navbar-nav mr-auto">
					<li class="nav-item">
						<a class="nav-link" href="zhekou.html">今日折扣</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="photo.html">照片墙</a>
					</li>
					<li class="nav-item dropdown">
						<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
							data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
							菜单
						</a>
						<div class="dropdown-menu " aria-labelledby="navbarDropdown">
							<a class="dropdown-item" href="#">饮品</a>
							<a class="dropdown-item" href="#">糕点</a>
							<a class="dropdown-item" href="#">小吃</a>
						</div>
					</li>
				</ul>
				<form class="form-inline my-2 my-lg-0" action="reaservation.html">
					<button class="btn btn-outline-success my-2 my-sm-0" type="submit">预约</button>
				</form>
			</div>
		</nav>
		<div id="d1">
			<div class="col-md-12 text-center">
				<span>So Yummy it will Melt Your Heart</span>
				<h1>CHOCOLATE CAKES AND CANDIES</h1>
				<p>用 心 多 一 点 ， 甜 蜜 多 一 点 .<br>Call (999)123-4567</p>
				<a href="#" class="btn btn-danger btn-xl page-scroll">欢迎光临</a>
			</div>
		</div>
	</header>

	<section class="section1">
		<div class="box-content box-1 box-style-1">
			<!-- ////////////Content Box 01 -->
			<div class="container">
				<div class="row">
					<div class="col-md-4">
						<div class="title-block">
							<span class="prefix">12</span>
							<h3 class="sub">2019年</h3>
							<h1 class="title">16日</h1>
						</div>
						<h5>愿你每天的笑容阳光般灿烂，愿你每天的生活都如蛋糕般甜蜜!</h5>
					</div>
					<div class="col-md-8">
						<div class="row">
							<div class="col-md-4">
								<div class="box-icon">
									<div class="box-icon-image">
										<img src="images/ribbon.png" />
									</div>
									<div class="box-icon-aside">
										<div class="box-icon-title">
											<h3>Certification</h3>
										</div>
										<div class="box-icon-text">
											<p>我们荣获多项荣誉！</p>
										</div>
									</div>
								</div>
							</div>
							<div class="col-md-4">
								<div class="box-icon">
									<div class="box-icon-image">
										<img src="images/clock.png" />
									</div>
									<div class="box-icon-aside">
										<div class="box-icon-title">
											<h3>24/7 Opened</h3>
										</div>
										<div class="box-icon-text">
											<p>每时每刻为您服务！</p>
										</div>
									</div>
								</div>
							</div>
							<div class="col-md-4">
								<div class="box-icon">
									<div class="box-icon-image">
										<img src="images/price-tag.png" />
									</div>
									<div class="box-icon-aside">
										<div class="box-icon-title">
											<h3>Fair Prices</h3>
										</div>
										<div class="box-icon-text">
											<p>我们的菜单价格更便宜！</p>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="d2">
			<div class="dd1">
				<h1>Our Food Menu</h1>
				<hr>
			</div>
			<div class="menu">
				<div class="shadow1">
					<div class="reduce"><img src="images/1.jpg"></div>
					<div class="shadow">
						<span>15<sup>￥</sup></span>
						<p class="p1">Projiec Name</p>
						<p class="p2">Category</p>
					</div>
				</div>
				<div class="shadow1">
					<div class="reduce"><img src="images/2.jpg"></div>
					<div class="shadow">
						<span>15<sup>￥</sup></span>
						<p class="p1">Projiec Name</p>
						<p class="p2">Category</p>
					</div>
				</div>
				<div data-scroll-reveal="wait 0.3s, then enter left and move 40px over 2s" class="shadow1">
					<div class="reduce"><img src="images/3.jpg"></div>
					<div class="shadow">
						<span>15<sup>￥</sup></span>
						<p class="p1">Projiec Name</p>
						<p class="p2">Category</p>
					</div>
				</div>
				<div class="shadow1">
					<div class="reduce"><img src="images/2.jpg"></div>
					<div class="shadow">
						<span>15<sup>￥</sup></span>
						<p class="p1">Projiec Name</p>
						<p class="p2">Category</p>
					</div>
				</div>
				<div class="shadow1">
					<div class="reduce"><img src="images/3.jpg"></div>
					<div class="shadow">
						<span>15<sup>￥</sup></span>
						<p class="p1">Projiec Name</p>
						<p class="p2">Category</p>
					</div>
				</div>
				<div class="shadow1">
					<div class="reduce"><img src="images/1.jpg"></div>
					<div class="shadow">
						<span>15<sup>￥</sup></span>
						<p class="p1">Projiec Name</p>
						<p class="p2">Category</p>
					</div>
				</div>
			</div>
		</div>
		<div class="fulled">
			<div class="fix-box">
				<p class="close">X</p>
			</div>
		</div>
	</section>

	<section class="section2">
		<div class="row">
			<div class="d3 col-md-4">
				<h1>So Yummy it will Melt Your Heart !</h1>
				<br>
				<h2>Welcome to CN!</h2>
				<br>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
					et adipisicing elit</p>
				<br>
				<br>
				<br>
				<div>--- ChokoCake ---</div>
			</div>

		</div>
	</section>

	<section class="section3">
		<div class="d2">
			<div class="dd2">
				<h1>Our Dessert Menu</h1>
				<hr>
			</div>
			<div class="menu">
				<div class="shadow1">
					<div class="reduce"><img src="images/4.jpg"></div>
					<div class="shadow">
						<span>15<sup>￥</sup></span>
						<p class="p1">Projiec Name</p>
						<p class="p2">Category</p>
					</div>
				</div>
				<div class="shadow1">
					<div class="reduce"><img src="images/5.jpg"></div>
					<div class="shadow">
						<span>15<sup>￥</sup></span>
						<p class="p1">Projiec Name</p>
						<p class="p2">Category</p>
					</div>
				</div>
				<div class="shadow1">
					<div class="reduce"><img src="images/6.jpg"></div>
					<div class="shadow">
						<span>15<sup>￥</sup></span>
						<p class="p1">Projiec Name</p>
						<p class="p2">Category</p>
					</div>
				</div>
				<div class="shadow1">
					<div class="reduce"><img src="images/7.jpg"></div>
					<div class="shadow">
						<span>15<sup>￥</sup></span>
						<p class="p1">Projiec Name</p>
						<p class="p2">Category</p>
					</div>
				</div>
				<div class="shadow1">
					<div class="reduce"><img src="images/10.jpg"></div>
					<div class="shadow">
						<span>15<sup>￥</sup></span>
						<p class="p1">Projiec Name</p>
						<p class="p2">Category</p>
					</div>
				</div>
				<div class="shadow1">
					<div class="reduce"><img src="images/8.jpg"></div>
					<div class="shadow">
						<span>15<sup>￥</sup></span>
						<p class="p1">Projiec Name</p>
						<p class="p2">Category</p>
					</div>
				</div>
			</div>
		</div>
		<div class="fulled">
			<div class="fix-box">
				<p class="close">X</p>
			</div>
		</div>
	</section>

	<section class="box-content box-5 box-style-4">
		<div class="container">
			<div class="row">
				<div class="col-md-3 col-sm-6 box-item">
					<i class="fa fa-map-marker"></i>
					<h3><a href="map1.html" target="_blank">Contact</a></h3>
					<p>重庆师范大学北大青鸟 <br> 下午茶</p>
				</div>
				<div class="col-md-3 col-sm-6 box-item">
					<i class="fa fa-clock-o"></i>
					<h3>Opening Time</h3>
					<p>Sun - Thu | 07:00 - 23:00 Hours<br> Fri - Sat | 08:00 - 01:00 Hours</p>
				</div>
				<div class="col-md-3 col-sm-6 box-item">
					<i class="fa fa-calendar"></i>
					<h3><a href="reaservation.html" target="_blank">Reservation</a></h3>
					<p><strong>Mobile: </strong>+023-111-222-333<br><strong>Fax: </strong>(+86)-123-3456-7890</p>
				</div>
				<div class="col-md-3 col-sm-6 box-item">
					<i class="fa fa-heart"></i>
					<h3>Social Contact</h3>
					<ul class="list-inline social-list">
						<li><a href="#"><i class="fa fa-facebook"></i></a></li>
						<li><a href="#"><i class="fa fa-twitter"></i></a></li>
						<li><a href="#"><i class="fa fa-instagram"></i></a></li>
						<li><a href="#"><i class="fa fa-pinterest"></i></a></li>
					</ul>
				</div>
			</div>
		</div>
	</section>

	<section class="section5">
		<h1>What people are saying about our restaurant</h1>
		<hr>
		<div>
			<div>
				<img src="images/partner1.png" alt="">
				<h4>优质的服务</h4>
				<p>服务员礼貌，动作敏捷。<br>说话又好听,我超喜欢这里的。</p>
			</div>
			<div>
				<img src="images/partner2.png" alt="">
				<h4>优质的服务</h4>
				<p>服务员礼貌，动作敏捷。<br>说话又好听,我超喜欢这里的。</p>
			</div>
			<div>
				<img src="images/partner3.png" alt="">
				<h4>优质的服务</h4>
				<p>服务员礼貌，动作敏捷。<br>说话又好听,我超喜欢这里的。</p>
			</div>
			<div>
				<img src="images/partner2.png" alt="">
				<h4>优质的服务</h4>
				<p>服务员礼貌，动作敏捷。<br>说话又好听,我超喜欢这里的。</p>
			</div>
			<div>
				<img src="images/partner3.png" alt="">
				<h4>优质的服务</h4>
				<p>服务员礼貌，动作敏捷。<br>说话又好听,我超喜欢这里的。</p>
			</div>
			<div>
				<img src="images/partner1.png" alt="">
				<h4>优质的服务</h4>
				<p>服务员礼貌，动作敏捷。<br>说话又好听,我超喜欢这里的。</p>
			</div>
		</div>
	</section>

	<footer>
		<div class="f1">
			<a href="#top"><i class="fa fa-level-up fa-5x"></i></a>
			<div>
				<h6>关于中国</h6>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;被视为亚洲地区重要地域大国，
					也被视为潜在超级大国。是世界上人口最多的国家，
					约有13.9亿人，同时也是一个多民族国家，共有已确认的民族56个，其中汉族人口占91.51%。
					以普通话和规范汉字为国家通用语言文字，少数民族地区可使用自己民族的语言。
				</p>
				<br>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;中国地势西高东低而呈现三级阶梯分布，
					大部分地区属于温带、副热带季风气候，
					地理景致与气候型态丰富多样，有冰川、丹霞、黄土、沙漠、喀斯特等多种地貌，
					北方有干草原和荒漠，南方有热带雨林，西部和西南边境则有天山山脉、
					喀喇昆仑山脉和喜马拉雅山脉。
				</p>
			</div>
			<div>
				<h6>最近的帖子</h6>
				<a href="#">&gt;&nbsp;强烈推荐大家去这家巧克力下午茶店</a>
				<hr>
				<a href="#">&gt;&nbsp;强烈推荐大家去这家巧克力下午茶店</a>
				<hr>
				<a href="#">&gt;&nbsp;强烈推荐大家去这家巧克力下午茶店</a>
				<hr>
				<a href="#">&gt;&nbsp;强烈推荐大家去这家巧克力下午茶店</a>
				<hr>

			</div>
			<div>
				<h6>我们的图片</h6>
				<img src="images/footer1.jpg" alt="">
				<img src="images/footer2.jpg" alt="">
				<img src="images/footer3.jpg" alt="">
				<img src="images/footer4.jpg" alt="">
				<img src="images/footer5.jpg" alt="">
				<img src="images/footer6.jpg" alt="">
				<img src="images/footer2.jpg" alt="">
				<img src="images/footer1.jpg" alt="">
				<img src="images/footer3.jpg" alt="">
			</div>
			<div>
				<h6>标签墙</h6>
				<a href="#">animals</a>
				<a href="#">cooking</a>
				<a href="#">countries</a>
				<a href="#">city</a>
				<a href="#">children</a>
				<a href="#">home</a>
				<a href="#">likes</a>
				<a href="#">photo</a>
				<a href="#">link</a>
				<a href="#">law</a>
				<a href="#">shopping</a>
				<a href="#">skate</a>
				<a href="#">scholl</a>
				<a href="#">video</a>
				<a href="#">travel</a>
				<a href="#">images</a>
				<a href="#">love</a>
				<a href="#">lists</a>
				<a href="#">makeup</a>
				<a href="#">media</a>
				<a href="#">password</a>
				<a href="#">pagination</a>
				<a href="#">wildlife</a>
			</div>
		</div>
		<div class="f2">Copyright © 2020 重庆师范大学北大青鸟 by-万锐</div>
	</footer>


</body>

</html>